.forms-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 295px;
  column-gap: 15px;
  row-gap: 10px;
  padding: 15px;
  min-height: 325px;
  background: {
    color: white;
  }

  .upload-advertising-image {
    .upload-content {
      display: inline-block;
      box-sizing: content-box;
      width: 120px;
      height: 90px;
      border: 1px dotted #eae4d1;
      text-align: center;
      line-height: 90px;
      border-radius: 4px;

      .upload-icon {
        > i.el-icon {
          vertical-align: middle;
        }
      }

      .upload-preview {
        position: relative;
        width: fit-content;
        height: 100%;

        .upload-actions {
          position: absolute;
          z-index: 100;
          width: 100%;
          height: 100%;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          opacity: 0;

          i.el-icon {
            vertical-align: middle;
          }
        }

        &:hover {
          .upload-actions {
            opacity: 1;
            background-color: rgba(0, 0, 0, 0.5);
          }
        }
      }
    }
  }
}
